﻿<!DOCTYPE html>
<html lang="en">
<head>

<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

<title>Smartshop - eCommerce Bootstrap 5 HTML5 Template.</title>

<link rel="icon" type="image/png" href="assets/img/favicon.png">

<link href="https://fonts.googleapis.com/css?family=Poppins:200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&amp;display=swap" rel="stylesheet">


<link rel="stylesheet" href="assets/css/bootstrap.min.css">

<link rel="stylesheet" href="assets/css/magnific-popup.min.css">

<link rel="stylesheet" href="assets/css/fontawesome.min.css">

<link rel="stylesheet" href="assets/css/jquery.fancybox.min.css">

<link rel="stylesheet" href="assets/css/jquery-ui.css">

<link rel="stylesheet" href="assets/css/themify-icons.css">

<link rel="stylesheet" href="assets/css/flaticon.css">

<link rel="stylesheet" href="assets/css/niceselect.css">

<link rel="stylesheet" href="assets/css/animate.css">

<link rel="stylesheet" href="assets/css/flex-slider.min.css">

<link rel="stylesheet" href="assets/css/owl-carousel.css">

<link rel="stylesheet" href="assets/css/slicknav.min.css">

<link rel="stylesheet" href="assets/css/default.css">
<link rel="stylesheet" href="assets/css/style.css">
<link rel="stylesheet" href="assets/css/responsive.css">
</head>
<body>

<div class="preloader">
<div class="preloader-inner">
<div class="preloader-icon">
<span></span>
<span></span>
</div>
</div>
</div>


<header class="header shop">

<div class="topbar">
<div class="container">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">

<div class="top-left">
<ul class="list-main">
<li><i class="ti-headphone-alt"></i> +070 (460) 532-654</li>
<li><i class="ti-email"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="74070104041b060034110c15190418115a171b19">[email&#160;protected]</a></li>
</ul>
</div>

</div>
<div class="col-lg-6 col-md-12 col-12">

<div class="right-content">
<ul class="list-main">
<li><i class="ti-alarm-clock"></i> <a href="#">Daily deal</a></li>
<li><i class="ti-user"></i> <a href="#">My account</a></li>
<li><i class="ti-power-off"></i><a href="login.html">Login</a></li>
<li>
<div class="dropdown top-dropdown">
<a href="#" id="lang" data-bs-toggle="dropdown" aria-expanded="false">
<i class="ti-world"></i> EN <i class="fal fa-angle-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="lang">
<a class="dropdown-item" href="#"><i class="ti-world"></i> EN</a>
<a class="dropdown-item" href="#"><i class="ti-world"></i> RU</a>
<a class="dropdown-item" href="#"><i class="ti-world"></i> GE</a>
<a class="dropdown-item" href="#"><i class="ti-world"></i> HK</a>
</div>
</div>
</li>
<li>
<div class="dropdown top-dropdown">
<a href="#" id="payment" data-bs-toggle="dropdown" aria-expanded="false">
<i class="fal fa-dollar-sign"></i> USD <i class="fal fa-angle-down"></i>
</a>
<div class="dropdown-menu" aria-labelledby="payment">
<a class="dropdown-item" href="#"><i class="fal fa-dollar-sign"></i> USD</a>
<a class="dropdown-item" href="#"><i class="fal fa-euro-sign"></i> EUR</a>
</div>
</div>
</li>
</ul>
</div>

</div>
</div>
</div>
</div>

<div class="middle-inner">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-3 col-12">

<div class="logo">
<a href="index.html"><img src="assets/img/logo.png" alt="logo"></a>
</div>


<div class="search-top">
<div class="top-search"><a href="#0"><i class="far fa-search"></i></a></div>

<div class="search-top">
<form class="search-form">
<input type="text" placeholder="Search here..." name="search">
<button value="search" type="submit"><i class="far fa-search"></i></button>
</form>
</div>

</div>

<div class="mobile-nav"></div>
</div>
<div class="col-lg-7 col-md-6 col-12">
<div class="search-bar-top">
<div class="search-bar">
<select>
<option selected="selected">All Category</option>
<option>Fashion</option>
<option>Electronics</option>
<option>Bikes</option>
<option>Laptop</option>
<option>Camera</option>
<option>Health & Beauty</option>
</select>
<form>
<input name="search" placeholder="Search Products Here....." type="search">
<button class="btnn"><i class="far fa-search"></i></button>
</form>
</div>
</div>
</div>
<div class="col-lg-2 col-md-3 col-12">
<div class="right-bar">

<div class="sinlge-bar">
<a href="#" class="single-icon"><i class="fal fa-heart" aria-hidden="true"></i></a>
</div>
<div class="sinlge-bar">
<a href="#" class="single-icon"><i class="fal fa-user-circle" aria-hidden="true"></i></a>
</div>
<div class="sinlge-bar shopping">
<a href="#" class="single-icon"><i class="fal fa-shopping-cart"></i> <span class="total-count">2</span></a>

<div class="shopping-item">
<div class="dropdown-cart-header">
<span>2 Items</span>
<a href="#">View Cart</a>
</div>
<ul class="shopping-list">
<li>
<a href="#" class="remove" title="Remove this item"><i class="fal fa-times-circle"></i></a>
<a class="cart-img" href="#"><img src="assets/img/products/p22.png" alt="#"></a>
<h4><a href="#">Xamaha R15 Blue</a></h4>
<p class="quantity">1x - <span class="amount">$200.00</span></p>
</li>
<li>
<a href="#" class="remove" title="Remove this item"><i class="fal fa-times-circle"></i></a>
<a class="cart-img" href="#"><img src="assets/img/products/p3.png" alt="#"></a>
<h4><a href="#">Apple Earphones</a></h4>
<p class="quantity">1x - <span class="amount">$150.00</span></p>
</li>
</ul>
<div class="bottom">
<div class="total">
<span>Total</span>
<span class="total-amount">$350.00</span>
</div>
<a href="checkout.html" class="btn animate">Checkout</a>
</div>
</div>

</div>
</div>
</div>
</div>
</div>
</div>

<div class="header-inner  shadow">
<div class="container">
<div class="cat-nav-head">
<div class="row">
<div class="col-lg-3">
<div class="all-category">
<div class="d-flex">
<i class="flaticon-menu cat-heading-icon"></i>
<h3 class="cat-heading">CATEGORIES</h3>
</div>
<ul class="main-category hover-category">
<li><a href="#"> <i class="flaticon-shopping-bag category-icon"></i> New Arrivals <i class="fal fa-angle-right" aria-hidden="true"></i></a>
<ul class="sub-category">
<li><a href="#"><i class="flaticon-dress category-icon"></i> Fashion</a></li>
<li><a href="#"><i class="flaticon-bags category-icon"></i> Accessories</a></li>
<li><a href="#"><i class="flaticon-laptop category-icon"></i> Electronics</a></li>
<li><a href="#"><i class="flaticon-toys category-icon"></i> Baby Toys</a></li>
<li><a href="#"><i class="flaticon-home category-icon"></i> Home & Garden</a></li>
<li><a href="#"><i class="flaticon-gift-box category-icon"></i> Gifts</a></li>
<li><a href="#"><i class="flaticon-beauty category-icon"></i> Health & Beauty</a></li>
<li><a href="#"><i class="flaticon-music-notes category-icon"></i> Music</a></li>
<li><a href="#"><i class="flaticon-groceries category-icon"></i> Groceries </a></li>
</ul>
</li>
<li class="main-mega"><a href="#"><i class="flaticon-dress category-icon"></i> Fashion <i class="fal fa-angle-right" aria-hidden="true"></i></a>
<ul class="mega-menu">
<li class="single-menu">
<a href="#" class="title-link">Shop Kid's</a>
<div class="image">
<img src="assets/img/mega-menu/3.jpg" alt="#">
</div>
<div class="inner-link">
<a href="#">Kids Toys</a>
<a href="#">Kids Color Shape</a>
<a href="#">Kids Travel Car</a>
<a href="#">Kids Tent</a>
</div>
</li>
<li class="single-menu">
<a href="#" class="title-link">Shop Men's</a>
<div class="image">
<img src="assets/img/mega-menu/1.jpg" alt="#">
</div>
<div class="inner-link">
<a href="#">Watch</a>
<a href="#">Hoodies</a>
<a href="#">T-shirt</a>
<a href="#">Formal Pant</a>
</div>
</li>
<li class="single-menu">
<a href="#" class="title-link">Shop Women's</a>
<div class="image">
<img src="assets/img/mega-menu/2.jpg" alt="#">
</div>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
</ul>
</li>
<li><a href="#"><i class="flaticon-bags category-icon"></i> Accessories</a></li>
<li class="main-mega"><a href="#"><i class="flaticon-laptop category-icon"></i> Electronics <i class="fal fa-angle-right" aria-hidden="true"></i></a>
<ul class="mega-menu">
<li class="single-menu">
<h6 class="text-dark">Man Cloths</h6>
<div class="inner-link">
<a href="#">Kids Toys</a>
<a href="#">Kids Color Shape</a>
<a href="#">Kids Travel Car</a>
<a href="#">Kids Tent</a>
</div>
</li>
<li class="single-menu">
<h6 class="text-dark">Shoes</h6>
<div class="inner-link">
<a href="#">Watch</a>
<a href="#">Hoodies</a>
<a href="#">T-shirt</a>
<a href="#">Formal Pant</a>
</div>
</li>
<li class="single-menu">
<h6 class="text-dark">Bags</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
<li class="single-menu mt-4">
<h6 class="text-dark">Women Cloths</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
<li class="single-menu mt-4">
<h6 class="text-dark">Shoes</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
<li class="single-menu mt-4">
<h6 class="text-dark">Bags</h6>
<div class="inner-link">
<a href="#">Ladies Shirt</a>
<a href="#">Ladies Sun Glass</a>
<a href="#">Ladies Frog</a>
<a href="#">Ladies Watch</a>
</div>
</li>
</ul>
</li>
<li><a href="#"><i class="flaticon-toys category-icon"></i> Baby Toys</a></li>
<li><a href="#"><i class="flaticon-home category-icon"></i> Home & Garden</a></li>
<li><a href="#"><i class="flaticon-gift-box category-icon"></i> Gifts</a></li>
<li><a href="#"><i class="flaticon-beauty category-icon"></i> Health & Beauty</a></li>
<li><a href="#"><i class="flaticon-music-notes category-icon"></i> Music</a></li>
<li><a href="#"><i class="flaticon-groceries category-icon"></i> Groceries </a></li>
</ul>
</div>
</div>
<div class="col-lg-9 col-12">
<div class="menu-area">

<nav class="navbar navbar-expand-lg">
<div class="navbar-collapse">
<div class="nav-inner">
<ul class="nav main-menu menu navbar-nav">
<li class="active"><a href="#">Home<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="index.html">Home Demo One</a></li>
<li><a href="index2.html">Home Demo Two</a></li>
<li><a href="index3.html">Home Demo Three</a></li>
<li><a href="index4.html">Home Demo Four</a></li>
</ul>
</li>
<li><a href="#">User Account<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="order-list.html">Order List</a></li>
<li><a href="order-detail.html">Order Details</a></li>
<li><a href="add-address.html">Add Address</a></li>
<li><a href="address-list.html">Address List</a></li>
<li><a href="profile.html">Profile</a></li>
<li><a href="edit-profile.html">Edit Profile</a></li>
<li><a href="support-ticket.html">Support Tickets</a></li>
<li><a href="ticket-detail.html">Ticket Details</a></li>
<li><a href="wishlist.html">Wishlist</a></li>
<li><a href="track-order.html">Track Order</a></li>
<li><a href="payment-method.html">Payment Methods</a></li>
<li><a href="add-payment.html">Add Payment</a></li>
</ul>
</li>
<li><a href="#">Vendor<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="dashboard.html">Dashboard</a></li>
<li><a href="product.html">Products</a></li>
<li><a href="add-product.html">Add Product</a></li>
<li><a href="all-order.html">All Orders</a></li>
<li><a href="order-detail.html">Order Details</a></li>
<li><a href="all-vendor.html">All Vendors</a></li>
<li><a href="vendor-store.html">Vendor Store</a></li>
<li><a href="vendor-profile.html">Vendor Profile</a></li>
</ul>
</li>
<li><a href="#">Shop<i class="ti-angle-down"></i><span class="new">New</span></a>
<ul class="dropdown">
<li><a href="shop-grid.html">Shop Grid</a></li>
<li><a href="shop-list.html">Shop List</a></li>
<li><a href="shop-single.html">Shop Single</a></li>
<li><a href="shop-search.html">Shop Search</a></li>
<li><a href="cart.html">Cart</a></li>
<li><a href="checkout.html">Checkout</a></li>
<li><a href="compare.html">Shop Compare</a></li>
</ul>
</li>
<li><a href="#">Pages<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="about-us.html">About Us</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="register.html">Register</a></li>
<li><a href="forgot-password.html">Forgot Password</a></li>
<li><a href="faq.html">Faq</a></li>
<li><a href="term-condition.html">Terms & Conditions</a></li>
<li><a href="privacy-policy.html">Privacy Policy</a></li>
<li><a href="return-policy.html">Return Policy</a></li>
<li><a href="mail-success.html">Mail Success</a></li>
<li><a href="404.html">404</a></li>
</ul>
</li>
<li><a href="#">Blog<i class="ti-angle-down"></i></a>
<ul class="dropdown">
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-grid-sidebar.html">Blog Grid Sidebar</a></li>
<li><a href="blog-single.html">Blog Single</a></li>
<li><a href="blog-single-sidebar.html">Blog Single Sidebar</a></li>
</ul>
</li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</nav>

</div>
</div>
</div>
</div>
</div>
</div>

</header>


<div class="breadcrumbs">
<div class="container">
<div class="row">
<div class="col-12">
<div class="bread-inner">
<ul class="bread-list">
<li><a href="index.html">Home<i class="ti-arrow-right"></i></a></li>
<li class="active"><a href="#">About Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>


<section class="about-us section">
<div class="container">
<div class="row">
<div class="col-lg-6 col-12">
<div class="about-img overlay">
<div class="button">
<a href="https://www.youtube.com/watch?v=ckHzmP1evNU" class="video video-popup mfp-iframe"><i class="fa fa-play"></i></a>
</div>
<img src="assets/img/about.jpg" alt="#">
</div>
</div>
<div class="col-lg-6 col-12">
<div class="about-content">
<h3>Welcome To <span>SMARTSHOP</span></h3>
<p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text.</p>
<p>All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words.</p>
<div class="button">
<a href="#" class="btn">Our Blog</a>
<a href="#" class="btn primary">Contact Us</a>
</div>
</div>
</div>
</div>
</div>
</section>


<section id="team" class="team section">
<div class="container">
<div class="row">
<div class="col-12">
<div class="section-title">
<h2>Meet Our Expert Team</h2>
<p>It is a long established fact that a reader will be distracted.</p>
</div>
</div>
</div>
<div class="row">

<div class="col-lg-3 col-md-6 col-12">
<div class="single-team">

<div class="image">
<img src="assets/img/team/1.jpg" alt="#">
</div>

<div class="info-head">

<div class="info-box">
<h4 class="name"><a href="#">James A Riley</a></h4>
<span class="designation">Senior Manager</span>
</div>


<div class="social-links">
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>

</div>
</div>
</div>

<div class="col-lg-3 col-md-6 col-12">
<div class="single-team">

<div class="image">
<img src="assets/img/team/2.jpg" alt="#">
</div>

<div class="info-head">

<div class="info-box">
<h4 class="name"><a href="#">Sylvia Mack</a></h4>
<span class="designation">Markeitng</span>
</div>


<div class="social-links">
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>

</div>
</div>
</div>

<div class="col-lg-3 col-md-6 col-12">
<div class="single-team">

<div class="image">
<img src="assets/img/team/3.jpg" alt="#">
</div>

<div class="info-head">

<div class="info-box">
<h4 class="name"><a href="#">Dawn Jenkins</a></h4>
<span class="designation">Web Developer</span>
</div>


<div class="social-links">
 <ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>

</div>
</div>
</div>

<div class="col-lg-3 col-md-6 col-12">
<div class="single-team">

<div class="image">
<img src="assets/img/team/4.jpg" alt="#">
</div>

<div class="info-head">

<div class="info-box">
<h4 class="name"><a href="#">Darla Brown</a></h4>
<span class="designation">SEO Expert</span>
</div>


<div class="social-links">
<ul class="social">
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-behance"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>

</div>
</div>
</div>

</div>
</div>
</section>


<section class="shop-services py-5">
<div class="container">
<div class="row">
<div class="col-lg-3 col-md-6 col-12">

<div class="single-service">
<i class="fal fa-truck"></i>
<h4>Free Delivery</h4>
<p>Orders over $150</p>
</div>

</div>
<div class="col-lg-3 col-md-6 col-12">

<div class="single-service">
<i class="fal fa-sync"></i>
<h4>Get Refund</h4>
<p>Within 30 days returns</p>
</div>

</div>
<div class="col-lg-3 col-md-6 col-12">

<div class="single-service">
<i class="fal fa-lock"></i>
<h4>Safe Payment</h4>
<p>100% secure payment</p>
</div>

</div>
<div class="col-lg-3 col-md-6 col-12">

<div class="single-service">
<i class="fal fa-headset"></i>
<h4>24/7 Support</h4>
<p>Feel Free To Call us</p>
</div>

</div>
</div>
</div>
</section>


<section class="shop-newsletter py-5">
<div class="container">
<div class="inner-top">
<div class="row">
<div class="col-lg-8 offset-lg-2 col-12">

<div class="inner">
<h4>Newsletter</h4>
<p> Subscribe to our newsletter and get <span>30%</span> off your first purchase</p>
<form action="#" method="get" class="newsletter-inner">
<input name="email" placeholder="Your email address" required="" type="email">
<button class="btn">Subscribe <i class="fal fa-paper-plane"></i></button>
</form>
</div>

</div>
</div>
</div>
</div>
</section>


<footer class="footer">

<div class="footer-top section">
<div class="container">
<div class="row">
<div class="col-lg-5 col-md-6 col-12">

<div class="single-footer about">
<div class="logo">
<a href="index.html"><img width="250" src="assets/img/logo-white.png" alt="#"></a>
</div>
<p class="text">We are many variations of passages available but the majority have suffered alteration in some form by the andomised words which injected humour.</p>
<p class="call">Have Any Question? Call Us 24/7<span><a href="tel:(+1)1234565555">(+1) 123 456 5555</a></span></p>
<div class="footer-download">
<a href="#">
<img src="assets/img/download/play-store.PNG" alt="">
</a>
<a href="#">
<img src="assets/img/download/app-store.PNG" alt="">
</a>
</div>
</div>

</div>
<div class="col-lg-2 col-md-6 col-12">

<div class="single-footer links">
<h4>Information</h4>
<ul>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Faq</a></li>
<li><a href="#">Careers</a></li>
<li><a href="#">Our Stores</a></li>
<li><a href="#">Our Cares</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>

</div>
<div class="col-lg-2 col-md-6 col-12">

<div class="single-footer links">
<h4>Customer Service</h4>
<ul>
<li><a href="#">Payment Methods</a></li>
<li><a href="#">Money-back</a></li>
<li><a href="#">Returns</a></li>
<li><a href="#">Shipping</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Support Center</a></li>
<li><a href="#">How to Buy</a></li>
<li><a href="#">Track Your Order</a></li>
</ul>
</div>

</div>
<div class="col-lg-3 col-md-6 col-12">

<div class="single-footer social">
<h4>Get In Tuch</h4>

<div class="contact">
<ul>
<li> <i class="fal fa-map-marker-alt"></i> 1503 Kovar Road, New York, USA</li>
<li> <i class="fal fa-envelope"></i> <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="780b19141d0b381d00191508141d561b1715">[email&#160;protected]</a></li>
<li> <i class="fal fa-phone"></i> (+1) 123 456 5657</li>
</ul>
</div>

<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-whatsapp"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
</ul>
</div>

</div>
</div>
</div>
</div>

<div class="copyright">
<div class="container">
<div class="inner">
<div class="row">
<div class="col-lg-6 col-12">
<div class="left">
<p>Copyright © 2021 By <a href="http://www.bootstrapmb.com/">bootstrapmb</a> - All Rights Reserved.</p>
</div>
</div>
<div class="col-lg-6 col-12">
<div class="right payment">
<i class="fab fa-cc-mastercard"></i>
<i class="fab fa-cc-visa"></i>
<i class="fab fa-cc-paypal"></i>
<i class="fab fa-cc-amex"></i>
<i class="fab fa-cc-discover"></i>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>


<div class="modal" id="staticBackdrop" data-bs-backdrop="static" data-bs-keyboard="false" tabindex="-1" aria-labelledby="staticBackdrop" aria-hidden="true">
<div class="modal-dialog modal-lg modal-dialog-centered" role="document">
<div class="modal-content">
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<img src="assets/img/products/p1.png" alt="#">
</div>
<div class="col-lg-6 col-md-12 col-sm-12 col-xs-12">
<div class="quickview-content">
<h2>Xbeats Bluetooth Earphones</h2>
<div class="d-flex mb-3">
<span>Brand:</span>
<b>Xbeats</b>
</div>
<div class="d-flex mb-3">
<span>Category:</span>
<b>Headphones</b>
</div>
<div class="d-flex mb-3">
<span>Tated:</span>
<div class="quickview-ratting-review">
<div class="quickview-ratting-wrap">
<div class="quickview-ratting">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fal fa-star"></i>
<a href="#"> (50)</a>
</div>
</div>
</div>
</div>
<h3>$29.00</h3>
<div class="quickview-stock">
<span><i class="fa fa-check-circle-o"></i> Stock Available</span>
</div>
<div class="add-to-cart">
<a href="#" class="btn">Add to cart</a>
</div>
<div class="default-social">
<h4 class="share-now">Share:</h4>
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
<li><a href="#"><i class="fab fa-pinterest-p"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>


<script src="assets/js/jquery-3.6.0.min.js"></script>

<script src="assets/js/jquery-ui.min.js"></script>

<script src="assets/js/bootstrap.bundle.min.js"></script>

<script src="assets/js/slicknav.min.js"></script>

<script src="assets/js/owl-carousel.js"></script>

<script src="assets/js/magnific-popup.js"></script>

<script src="assets/js/facnybox.min.js"></script>

<script src="assets/js/waypoints.min.js"></script>

<script src="assets/js/finalcountdown.min.js"></script>

<script src="assets/js/nicesellect.js"></script>

<script src="assets/js/ytplayer.min.js"></script>

<script src="assets/js/flex-slider.js"></script>

<script src="assets/js/scrollup.js"></script>

<script src="assets/js/onepage-nav.min.js"></script>

<script src="assets/js/easing.js"></script>

<script src="assets/js/main.js"></script>
</body>
</html>